
@import "variables";

renmin-detail{
  .top-img{
    img{
      width: 100%;
    }
  }
  .detail-box{
    padding:pxTorem(50) pxTorem(30);
    margin-bottom: pxTorem(50);
    color:#333333;
    .title{
     font-size: pxTorem(36);
      margin-bottom: pxTorem(40);
      text-align: center;
    }
    .word{
      font-size: pxTorem(32);
      line-height: pxTorem(56);
    }
  }
  .target-box{
    background: #edf1f6;
    text-align: center;
    margin-bottom: 0;
    .title-name{
      width: pxTorem(150);
      height: pxTorem(60);
      border-radius: pxTorem(30);
      color: #666666;
      background: #E5E5E5;
      text-align: center;
      line-height: pxTorem(60);
      margin:0 auto pxTorem(50) auto;

    }
    .title-img{
      width: pxTorem(150);
      margin:0 auto pxTorem(30) auto;
      img{
        width: 100%;
      }
    }
    .title-word{
      font-size: pxTorem(32);
      color:#333333;
      line-height: pxTorem(56);
      margin-bottom: pxTorem(30);
    }
    .content{
      font-size: pxTorem(28);
      color:#666666;
      line-height: pxTorem(48);
      margin-bottom: pxTorem(50);
      text-align: left;
    }
  }
  .tuwen-box{
    display: flex;
    align-items: center;
    margin-bottom: pxTorem(50);
    .img{
      width: 60%;
      img{width: 100%}
    }
    .wen{
      width: 40%;
      font-size: pxTorem(30);
      color:#2D2D31;
      line-height: pxTorem(48);
      position: relative;
      &::after{
        position: absolute;
        bottom: pxTorem(-20);
        width: pxTorem(80);
        height: pxTorem(3);
        background: #Fbb701;
        display: block;
        content: '';
      }
    }

    .wen:nth-child(even){
      padding-left:pxTorem(20);
      text-align: left;
      &::after {
        left: pxTorem(20);
      }
    }
    .wen:nth-child(odd){
      padding-right:pxTorem(16);
      text-align: right;
      &::after {
        right: pxTorem(20);
      }
    }
  }
  .partner-box{
    .nav{
      margin:auto;
      text-align: center;
      a{
        display: inline-block;
        width: pxTorem(137);
        height: pxTorem(50);
        border-radius: pxTorem(25);
        text-align: center;
        line-height: pxTorem(50);
        font-size: pxTorem(28);
        color:#333333;
      }
      a.active{
          background: color($h5,c1);
        margin:0 pxTorem(20);
        color:#FFFFFF;

      }
    }
    .partner-img{
      margin-top: pxTorem(40);
      img{
        width: 100%;
      }
    }
  }
  .connect-box{
    background: url(#{$images-path}/partner/renmin/H5renmin_32.png) no-repeat center center/cover;
    margin-bottom: 0;
    color:#FFFFFF;
    div{
      margin-bottom: pxTorem(40);
      font-size: pxTorem(28);
      line-height: pxTorem(46);
      display: flex;
      img{
        width: pxTorem(30);
        display: inline-block;
      }
      p:first-child{
        width: pxTorem(60);
      }
      p:last-child{
        width: 85%;
      }
    }
  }
}
